<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="../js/ajax_fn.js"></script>
    <script charset="utf-8" async="" src="//stdl.qq.com/stdl/qb/js/qblog.js?1619529189874"></script>
    <link rel="canonical" href="//y.qq.com/n/yqq/album/002pgY7c3LgAqu.html">

    <title>Document</title>
</head>

<body>
    <img src="https://y.gtimg.cn/music/photo_new/T002R300x300M000002pgY7c3LgAqu_1.jpg?max_age=2592000" alt="" srcset="">
</body>
<script>
    // 跨域： 一个网站访问另一个网站的数据.
    // 同源策略：由客户端访问某一个服务器的文件时，如果发起请求的这个来源与进行响应的目标的源不一致，目标源出于安全的角度，将拒绝这次访问。
    // 协议名、域名、端口，这三项都相同，则被称为同源。 三项中只要有一项不同，则被称为跨源。
    // 协议名指http、https等这种 域名包含网站域名、ip地址、计算机名称 端口默认是80，80并不会显示在浏览器地址栏中

    // 报错，因为跨域了
    // $.ajax({
    //     type:"get",
    //     url:"http://127.0.0.1/Js_Project/day25/homework/php/searchAllGrade.php",
    //     data:{
    //         key:"",
    //         orderCOl:"id",
    //         orderType:"asc",
    //     },
    //     dataType:"json",
    //     success(data) {
    //         console.log(data);
    //     }
    // })


    // 解决跨域访问的方法：
    // 1.对方服务器配置CORS(跨域资源共享 )
    // @header("Access-Control-Allow-Origin:*");  // 允许所有的服务器访问
    // @header("Access-Control-Allow-Origin:http://127.0.0.1:5500");  // 允许一个源访问
    // 指在对方服务器上做配置，即让他们允许我们访问，这样我们再通过AJAX就可以拿到数据了。

    // 2.我方客户端JSONP(原理 引入资源不受同源策略的限制 link的href script的src img的src )

    // 注意：jsonp不是ajax请求 => jsonp只能进行get请求，不能进行post

    // 优点：请求数据比ajax快


    // jsonp方法
    function fn(data) {
        console.log(data);
    }
    function fns(json) {
        console.log(json)
    }
</script>
<!-- 请求服务器  =>  返回函数的调用 -->
<script src="http://localhost/Js_Project/day26/js/1.js"></script>
<script src="http://localhost/Js_Project/day26/php/searchMany.php"></script>

</html>